<div class="pageDiv">
	<ul class="page">
		<li><a id="headA" href="${path }?currentPage=1"><span style="font-size: 12px;">首页</span></a></li>
		<li><a id="preA" href="${path }?currentPage=${page.prePage }">&lt;&lt;</a></li>
		
		<#assign begin=1/>
    	<#assign end=page.totalPage/>
    	<#assign pageNow=page.currentPage/>
    	<span id="curPage" value="${pageNow}"></span>
    	<span id="endPage" value="${end}"></span>
    	<#if end lte 10>
    		<#list begin..end as i>
	    		<li><a id="a${i}" href="${path }?currentPage=${i}">${i}</a></li>
	    	</#list>
    	</#if>
    	<#if end gt 10>
   			<#list pageNow-4..pageNow+5 as i>
    			<#if i gte 1 && i lte end>
    				<li><a id="a${i}" href="${path }?currentPage=${i}">${i}</a></li>
    			</#if>
    		</#list>
    	</#if>
    	
		<li><a id="nextA" href="${path }?currentPage=${page.nextPage }">&gt;&gt;</a></li>
    	<li><a id="tailA" href="${path }?currentPage=${page.lastPage }"><span style="font-size: 12px;">尾页</span></a></li>	
    	
	</ul>
	<div class="pull-left" style="color: gray;">
		共
		<font color="#FF8000">${page.totalCount }</font>
		条数据，当前第
		<font color="#FF8000">${page.currentPage }</font>
		页，共有
		<font color="#FF8000">${page.totalPage }</font>
		页。
	</div>
</div>
<script type="text/javascript">
	$(function(){
		var pageNow = $("#curPage").attr("value");
		var endPage = $("#endPage").attr("value");
		$("#a"+pageNow).parent().addClass("bg");
		$("#a"+pageNow).replaceWith(pageNow);
		if(pageNow == 1){
			
			$("#headA").replaceWith("<span style='font-size: 12px;'>首页</span>");
			$("#preA").replaceWith("&lt;&lt;");
		}
		if(endPage == pageNow){
			$("#tailA").replaceWith("<span style='font-size: 12px;'>尾页</span>");
			$("#nextA").replaceWith("&gt;&gt;");
		}
		
	});
</script>



